/* eslint-disable */
<template> 
  <div class="addDirector">
    <div class=" position-absolute left right overflow-auto p-4" style="top: 65px; bottom: 65px;">
        <el-form ref="form" :model="form" label-width="90px" class="px-3">
            <el-form-item label="内容名称" class="mb-2">
                <el-input v-model="form.contentName"></el-input>
            </el-form-item>
            <el-form-item label="内容类型" class="mb-2">
                <el-select v-model="form.contentType" placeholder="请选择活动区域" class="w-100">
                    <el-option label="视频文件" value="01"></el-option>
                    <el-option label="背景图" value="02"></el-option>
                    <el-option label="背景图+音乐" value="03"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="上传背景图" class="mb-2">
                <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/"
                    :show-file-list="false">
                    <img v-if="imageUrl" :src="imageUrl" class="avatar ">
                    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                </el-upload>
            </el-form-item>
            <el-form-item label="上传文件" class="mb-2">
                <el-divider class="border-light-1 mt-0 mb-2"></el-divider>
                <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/"
                         multiple
                    :limit="3"  :file-list="fileList">
                    <el-button size="small" type="primary">点击上传</el-button>
                    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
                </el-upload>
            </el-form-item>
        </el-form>
    </div>
    <div class="position-absolute left right bottom pb-3 px-4 ">
        <el-button class="w-100" type="primary">提交</el-button>
    </div>
    
  </div>
</template>

<script>
    export default {
        name: 'AddDirector',
        data() {
            return {
                imageUrl: '', // 上传头像图片
                form: {
                    contentName: '',
                    contentType: [],
                },
                formLabelWidth: '90px',
            }
        }

    }
</script>

<style>

</style>